import oimgSrc from '../img/03.jpg'
import '../css/img.css'

function packImg() {
    // 01. 创建一个容器元素
    const oEle = document.createElement('div');

    // 02/ 创建img标签 设置 src属性
    const oimg = document.createElement('img')

    oimg.width = 300
        // 使用require 导入图片，此时 如果不配置 esModule:false,则需要.default导出
        // 采用import xxx from 图片资源 ， 此时也可以直接使用图片
        //oimg.src = require('../img/03.jpg').default
        //oimg.src = require('../img/03.jpg')
    oimg.src = oimgSrc
    oEle.appendChild(oimg)


    // 03. 设置背景图片
    const obgImg = document.createElement('div');
    obgImg.className = 'bgBox'
    oEle.appendChild(obgImg)

    return oEle
}

document.body.appendChild(packImg())